<!doctype html>

<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
	<link rel="stylesheet" th:href="@{/user/moban/css/index.css}" tppabs="http://47.106.68.49:8066/moban/css/index.css" />
	<link rel="stylesheet" th:href="@{/user/moban/css/table.css}" tppabs="http://47.106.68.49:8066/moban/css/table.css" />
	<script th:src="@{/user/moban/js/jquery-1.7.2.min.js}" tppabs="http://47.106.68.49:8066/moban/js/jquery-1.7.2.min.js"></script>
	<script th:src="@{/user/moban/js/main.js}" tppabs="http://47.106.68.49:8066/moban/js/main.js"></script>
	<script type="text/javascript" th:src="@{/user/lib/My97DatePicker/4.8/WdatePicker.js}" tppabs="http://47.106.68.49:8066/lib/My97DatePicker/4.8/WdatePicker.js"></script>
	<title>查询车位</title>
</head>
<body>
<div>
	<div class="top" id="item4">
		<div th:if="${user} ne null">
			<div class="container clearfix">
				<ul class="clearfix fr">
					<li>
						<a id="userN"><b th:text="${user.name}"></b></a></li>
					<li>
						<a th:href="@{/user/logout}">退出登录</a>
					</li>
					<li><a style="border: none" th:href="@{/order/findAll}">个人中心</a></li>
				</ul>
			</div>
		</div>
		<div th:if="${user} eq null">
			<div class="container clearfix">
				<ul class="clearfix fr">
					<li><a href="/user/join.html" tppabs="http://47.106.68.49:8066/join">登录</a></li>
				</ul>
			</div>
		</div>

	</div>

<div class="header">
	<div class="container clearfix">
		<div class="logo fl">
			<a th:href="@{/user/index}" tppabs="http://47.106.68.49:8066/index">
				<img alt="" th:src="@{/user/moban/images/logo.jpg}" tppabs="http://47.106.68.49:8066/moban/images/logo.jpg"/></a>
		</div>
		<div class="mm fr clearfix">
			<a th:href="@{/park/find}" tppabs="http://47.106.68.49:8066/car/car-select">查车位</a>
		</div>
	</div>
</div>
</div>

<div class="list-main">
	<div class="container">
		<div class="bread" style="margin-bottom: 0;">当前位置：
			<a th:href="@{/user/index}">首页</a>
			<a th:href="@{/park/find}">查车位</a>
		</div>
		<ul class="select">
			<li class="select-result">
				<dl>
					<dt>筛选条件：</dt>
					<dd class="select-no">
						<form th:action="@{/park/find}" id="findP" method="post">
							<select id="selectValueId" class="form-control" th:value="${status}" name="status" onchange="selectPark()">
								<option value="-1">全部</option>
								<option value="0">可预约</option>
								<option value="1">已预约</option>
							</select>
						</form>
					</dd>
				</dl>
			</li>
		</ul>


		　　<!--<td th:text="${park.name}"></td>
			　　<td th:text="${park.price}"></td>-->
		<div class="tabs book clearfix">

		<div th:each="park : ${parks}">
			<dl>
				<dt>
					<div th:switch="${park.status}">
						<a th:href="@{/park/detail?parkId=}+${park.id}"><img th:case="0" alt="可预约" src="/user/moban/images/cw.png"  title="可预约"/></a>
						<img th:case="1" alt="已占用" src="/user/moban/images/cw2.png" tppabs="http://47.106.68.49:8066/moban/images/cw2.png" title="已占用"/>
					</div>
				</dt>
				<dd>
					<p><a href="detail.html" th:text="${park.name}"></a></p>
					<p></p>
					<p th:text="${park.price}">￥100.0</p>
				</dd>
			</dl>
		</div>
		</div>
	</div>
</div>
<div class="foot" style="background-color: #ebebeb">
	<div class="container">
		<div class="zhinan">
			<ul class="clearfix">
				<li class="item-li">关于我们
					<ul>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">网站公告</a></li>
					</ul>
				</li>
				<li class="item-li">新手指南
					<ul>
						<li><a href="#">如何买票</a></li>
						<li><a href="#">修改密码</a></li>
					</ul>
				</li>
				<li class="item-li">配送方式
					<ul>
						<li><a href="#">配送范围</a></li>
						<li><a href="#">配送时间</a></li>
					</ul>
				</li>
				<li class="item-li">售后服务
					<ul>
						<li><a href="#">退票申请</a></li>
						<li><a href="#">改签申请</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<div class="line"></div>

		<div class="bottom">
			<p>友情链接：<a href="#"></a>&nbsp;&nbsp;<a href="javascript:if(confirm('http://47.106.68.49:8066/car/www.baidu.com  \n\nThis file was not retrieved by Teleport Pro, because the server reports that this file cannot be found.  \n\nDo you want to open it from the server?'))window.location='http://47.106.68.49:8066/car/www.baidu.com'" tppabs="http://47.106.68.49:8066/car/www.baidu.com">百度</a></p>
			<p>本站所有信息均为用户自由发布，本站不对信息的真实性负任何责任，交易时请注意识别信息的真假如有网站内容侵害了您的权益请联系我们删除</p>
			<p>Copyright &copy;1956-2018 基于H5得汽车订票系统.</p></div>
		</div>
	</div>
<script type="text/javascript">
function selectPark(){
    var selectValue = $("#selectValueId").val();
	$("#findP").submit();
}
$(document).ready(function(){
    var selectValue = $("#selectValueId").val();
    var all_options = document.getElementById("selectValueId").options;
    if(selectValue == -1){
        all_options[0].selected = true;
	}if(selectValue == 0){
        all_options[1].selected = true;
	}if(selectValue == 1){
        all_options[2].selected = true;
	}

})


</script>

</body>
</html>